@import 'index.scss';
/* collections start */
.filter-item .el-checkbox__inner {
    width: 20px;
    height: 20px;
}
.filter-item .el-checkbox__inner::after {
    height: 9px;
    left: 6px;
    top: 2px;
    width: 5px;
}
/* collections end */

/* lenses index start */
.lens_banner_box {
    left: 60px;
    top: 180px;
}
.index_type_item {
    min-height:350px;
}
.nav_item {
    @include flex-center(space-around);
    margin: 0 auto;
}
.nav_active {
    border-bottom: 2px solid $c333;
    color: $c333;
}
.lens_nav_items {
    border-bottom: 3px solid $c333;
}
.blue_light,
.lens_glasses {
    justify-content: space-around;
}
.photochromic, .Sunglasses_tint {
    justify-content: center;
}
.lens_func,
.lens_index_type {
    flex-wrap: wrap;
}
.lens_func {
    justify-content: space-between;
}
/* lenses index end */

/* forget start */
.forget .el-input__inner {
    height: 50px;
    line-height: 50px;
    border-radius: unset;
}
.forget .el-checkbox,
.forget .el-form-item__label {
    font-weight: bold;
}
/* forget end */

/* login start */
.login .el-input__inner {
    height:50px;
    line-height: 50px;
    border-radius: unset;
}
/* login end */

/* paypal start */
.paypal_index {
    @include flex-center();
    width: 25px;
    height: 25px;
    border: 2px solid $ddd;
  }
  .paypal_box_line {
    @include flex();
    .demo-ruleForm {
      overflow: hidden;
      max-height: 500px;
      .el-select {
        width: 100%;
      }
    }
  }
  .paypal_box_address,
  .paypal_box_method,
  .paypal_box_payment {
    border-bottom: 1px solid $ddd;
  }
  .paypal_payment,
  .paypal_addressInfo,
  .paypal_method,
  .paypal_address {
    &_required {
      right: 0;
      top: 0;
    }
    & + .el-icon-arrow-right {
      display: none;
    }
  }
  .paypal_payment,
  .paypal_addressInfo_txt,
  .paypal_method,
  .paypal_address {
    align-items: center;
  }
  .paypal_payment_col {
    @include flex(column);
  }
  .paypal_payment_radio {
    border-bottom: 1px solid $ddd;
  }
  .paypal_addressInfo_edit{
      border: 1px solid $c333;
      border-radius: 5px;
      top:0;
      right:0;
  }
  .paypal_box_alert {
    width: 365px;
    border: 1px solid $ddd;
  }
  .paypal_product_ul {
    height: 122px;
    overflow-y: auto;
  }
  .paypal_product_li {
    @include flex-center(flex-start);
    border-bottom: 1px solid $ddd;
    &:first-child {
      border-top: 1px solid $ddd;
    }
    &_img {
      width: 120px;
      height: 120px;
    }
    &_num {
      width: 100px !important;
      line-height: 30px !important;;
    }
    &_price {
      right: 0;
      top: 20px;
    }
  }
  .cart_subtotal,
  .cart_express,
  .cart_total {
    @include flex();
    justify-content: space-between;
  }
  .cart_submit {
    background: $theme;
    color: $bgc-theme;
    border-radius: 0;
  }
  .autoHeight .el-collapse-item__header {
    height: auto;
    line-height: unset;
  }
  .paypal_product_li_num .el-input__inner {
    border-radius: 0;
  }
  .paypal_method_radio .el-radio__inner {
    border-radius: unset;
    width:22px;
    height: 22px;
  }
  .paypal_method_radio .el-radio__inner::after {
    width: 0;
    height: 0;
  }
  .border{
    border-bottom: 1px solid transparent;
  }
  .fade-enter-active, .fade-leave-active {
    transition: all .3s;
  }
  .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    height: 0;
  }

  /* paypal end */

/* productDetail start */
.productDetail .ProductSwiper_box {
    border: 1px solid transparent;
}
.productDetail .ProductSwiper_box:hover {
    border: 1px solid $ccc;
    box-shadow: 0 0 6px 2px $ccc;
    box-sizing: border-box;
    transition: all .3s;
}
.productDetail .swiper-slide {
    box-sizing: border-box;
}
.productDetail .ProductSwiper_title {
    font-size: 18px;
}
.rate .el-rate__icon,
.ratedefined .el-rate__icon {
  margin-right: 0;
}
.detail .el-tabs--border-card > .el-tabs__content {
  padding: 0;
}
.detail .el-tabs--border-card {
  border: none;

  box-shadow: unset;
}
.detail .el-tabs__nav-wrap {
  border-top: 1px solid $ddd;
  border-right: 1px solid $ddd;
  border-left: 1px solid $ef;
}
.detail .el-tabs__item {
  font-size: 15px;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
}
.detail .el-tabs--border-card > .el-tabs__header .el-tabs__item {
  color: $c333;
}
.detail .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  background-color: $bgc-title;
  border-right: 1px solid $ddd;
  border-left: 1px solid $ddd;
}
.detail .el-tabs--border-card > .el-tabs__header {
  background-color: $cfff;
  border-bottom: 1px solid $ddd;
}
/* productDetail end */

/* register start */
.register .el-input__inner {
    height: 35px;
    line-height: 35px;
    border-radius: unset;
    width: 230px;
}
.register .el-form-item__error {
    top: calc(50% - 8px);
    left: 110%;
    width: 100%;
}
.register .el-checkbox,
.register .el-form-item__label {
    font-weight: bold;
}
/* register end */

/* personalCenter start */
.addressBook_wrapper,
.accountDashboard_wrapper {
  @include flex();
  justify-content: space-between;

  .edit {
      color: $theme;
  }
  .change {
      color: $c333;
  }
  .viewOrder {
      color: $theme;
  }
}
.addressBook_box,
.accountDashboard_box {
  width: 48%;
  border: 1px solid $ddd;
  &_bottom,
  &_title {
      padding-top: 12px;
      padding-bottom: 12px;
      background: $bgc-title;
  }
  &_title {
      border-bottom: 1px solid $ddd;
  }
  &_content {
      min-height: 135px;
  }
  &_bottom {
      border-top: 1px solid $ddd;
  }
}
.accountInformation .el-input__inner {
    line-height: 35px;
}
.accountInformation .el-input__inner ,
.accountInformation .el-button--info {
    border-radius: 0;
    height: 35px;
}
.accountInformation .el-button--info.is-plain:hover {
    background: $cfff;
    color: $c333;
    border-color: $ddd;
}
.accountInformation .el-form-item__label {
    padding-bottom: 0;
}
.myOrders .el-table thead,
.accountDashboard_wrapper .el-table thead {
    color: $c333;
}
.myOrders .el-table,
.accountDashboard_wrapper .el-table {
    font-size: 12px;
}
.myOrders .el-table td,
.accountDashboard_wrapper .el-table td {
    border-bottom: 1px solid transparent;
    padding: 6px 0;
}
.myOrders .el-table::before,
.accountDashboard_wrapper .el-table::before {
    height: 0;
}
.myOrders .el-table th.is-leaf,
.accountDashboard_wrapper .el-table th.is-leaf {
    border-bottom: 1px solid $ddd;
}
/* personalCenter end */

/* cart start */
.cart_edit_sph .el-form-item__content {
    @include flex(column);
}
.cart_edit_sph  .el-select {
    margin-bottom: 20px;
}
/* cart end */